﻿body {
/*background: #f9f9f9;*/
}

.form-box {
position: absolute;
left: 0;
right: 0;
border-radius: 4px;
width: 360px;
margin: 130px auto 0 auto;
}

.form-box .header {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #f29720;
box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
padding: 20px 10px;
text-align: center;
font-size: 26px;
font-weight: 300;
color: #fff;
}

/*.bg-black {
color: #f9f9f9 !important;
}*/

.form-box .body, .form-box .footer {
padding: 10px 20px;
background: #fff;
color: #444;
}

.form-box .footer {
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

.form-box .body > .btn, .form-box .footer .btn {
margin-bottom: 10px;
/* background-image: linear-gradient(-180deg, #f8aa44 0%, #f28e0e 90%); */
color: white;
letter-spacing: 10px;
background: #009688;
padding: 4px;
font-size: 17px;
/* border: 1px solid #f5f5f5; */
/* box-shadow: 0 0 0 1.5px #fdfdfd, 0 0 0 3.2px #f29720; */
width: 100%;
}

.form-box .body, .form-box .footer {
/*padding: 20px 25px;*/
background: none;
color: #444;
/*right: 0px;
left: 0;
position: absolute;*/
}

/*.bg-gray {
background-color: #eaeaec !important;
}*/



.footer a {
text-decoration: none;
cursor: pointer;
color: #428bca;
padding: 5px;
}

.form-box p {
margin: 0 0 75px;
}

.input-group-addon {
color: white;
background: #009688;
border: 0px;
}
.input-group input {
border-left:0px;
}
.glyphicon {
top: 0px;
}

.group-bottom {
margin-bottom: 20px;
height: 50px;
}
.group-msg {
color:red;
float:left;
}

body {
margin: 0px;
}

body, html {
height: 100%;
}

.content {
height: 220px;
/*margin: 55px auto 0 auto;
top: 20%;*/
height: 85%;
width: 100%;
/*position: absolute;*/
/*background: #f29722;*/
}

.content .left-img {
height: 250px;
margin-left: 105px;
}

.content .right-img {
margin-left: -230px;
height: 110px;
}

.content .search-img {
position: absolute;
right: 0px;
height: 100%;
}

.content .log-img {
top: 82px;
text-align: center;
/* display: block; */
left: 0;
position: absolute;
/* margin-top: 170px; */
/* margin-left: 20%; */
right: 0px;
width: auto;
}

.content .log-img > img {
height: 130px;
}

/*.form-box {
margin: 85px 300px 0 50%;
position: absolute;
}*/

.b-bottom {
display:none;
width: 100%;
/* margin-bottom: 0px; */
color: #a5a2a2;
text-align: center;
/* position: absolute; */
bottom: 0px;
height: 15%;
}

.b-bottom div {
padding: 4px;
}

.b-bottom .footer-line1 {
/*height: 200px;*/
background: #009688;
padding: 5px;
}

.b-bottom .footer-line2 {
/*height: 200px;*/
background: #009688;
padding: 2px;
margin-bottom: 5px;
}
.b-bottom > div:last-child {
margin-bottom: 15px;
}

input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.last-input {
height: 40px;
position: relative;
}
.last-input .code {
left: 0px;
right: 88px;
position: absolute;
}
.last-input .codeImage {
right: 0px;
position: absolute;
padding: 1px;
}
.logo {
text-align: center;
}
.logo span:first-child {
    font-size: 70px;
    font-weight: bold;
    color: #d7d7d7;
}
.logo span:last-child {
font-size: 31px;
color: #a0cfa2;
}